<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
 <style type="text/css">
     *{ padding:0; margin:0;}
 
 
 .layer1{}
	    .layer1-1{ height:50px; width:60%; color:#FFF; font-size:35px; font-family:youyuan; text-align:center; line-height:50px; background-color:#0F0F0F; float:left;}
		
    .a:link{ text-decoration: none;}
	.a:visited{ text-decoration: none; color:#FFF}


    #navigation{ color:#CCC;
	  
	  width:40%;
	height:50px;
	font-size:0.7em;
	text-align:center; 
	float:left;
}
	
	#navigation a{
	height:50px;
	width:25%;
	float:left;
	
	line-height:50px;
	color:#FFFFFF;
	background:#0F0F0F;
	
	text-decoration:none;
			
	
 }
    #navigation  a:hover{					
	background-color:#222;			
	color:#EB6F50;						
	border-bottom:2px solid #EA6346;
  }
  
  
  
   .layer2{ height:520px; width:100%; background:url(https://passport.sightp.com/v4/img/sightp-bg.png?t=2017714134737353)}
  .layer2-1 {
	font-family: "Bauhaus 93";
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	padding:2%;
	height: 300px;
	width: 50%;
	margin: 0 auto;
	position: relative;
	top:20%;
	border-radius:13px;
}


   .layer2-1-1{}
  
  		
   .layer3{
	height: 80px;
	width: 100%;
	background-color: #131313;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
    #db{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; line-height:50px; font-weight:inherit;}
    #db a{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; text-decoration:none;}
	#db a:hover{color:#CCC; text-decoration:none;}
	#zd{ font-family:heiti; font-size:12px; color:#FFF; text-align:center;  font-weight:inherit;line-height:10px;}
	#bt{ font-size:18px; font-family:youyuan; font-weight:bold; color:#333; text-align:center;}
	#hr{ color:#EEE; width:85%;}
    
 

 </style>
</head>

<body>

   
 
 <div class="layer1">
   <div class="layer1-1">AR体验馆</div>
</div>


 <div id="navigation">
	<a class="a" href="#">关于AR</a>
	<a class="a" href="#">主要产品</a>
	<a class="a" href="#">开放平台</a>
	<a class="a" href="#">联系我们</a>
 </div>
 
 <div class="layer2">
   <div class="layer2-1">
       <p id="bt">分期免息贷款</p>
       <br />
       <center><hr id="hr" ></hr> </center>
     <form>
  <fieldset>
    <legend>三步完成贷款申请：第一步</legend>
     
    <p>&nbsp;</p>
    <p>姓名：
      <input type="text" />
    </p>
    <p><br />
      年龄：<input type="text" />
    </p>
    <p>&nbsp;</p>
    <p>
      <label>
        <input name="Radio1" type="radio" id="Radio1_0" value="男" checked="checked" />
        男</label>
      <label>
        <input type="radio" name="Radio1" value="女" id="Radio1_1" />
        女</label>
      </p>
    <p><br />
      
      职业：<input type="text" />
    </p>
    <p><br />
    </p>
  </fieldset>
  <input type="submit" name="button1" id="button1" value="下一步" action="15-4-2.html"/>
     </form>
      
         
         
      
      </div>
   
   
   </div>
 
 
 </div>
 
 
 <div class="layer3" id="db">
       <a href="#">联系我们&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">QQ群</a>
   <p id="zd">Copyright © 2012 - 2017 AR体验馆（上海）有限公司. All rights reserved. 沪ICP备12345678号</p>
   </div>
   
   
</body>
</html>
